const WXAPI = require('../../wxapi/main')
Page({
  data: {
    //判断小程序的API，回调，参数，组件等是否在当前版本可用。
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    isHide: false,
    phone: '',
    password: ''
  },

  // 获取输入账号 
  phoneInput: function (e) {
    this.setData({
      phone: e.detail.value
    })
  },

  // 获取输入密码 
  passwordInput: function (e) {
    this.setData({
      password: e.detail.value
    })
  },

  // 登录 
  login: function () {
    this.data.phone = '李四',
    this.data.password = '123456'
    if (this.data.phone.length == -1 || this.data.password.length == -1) {
      wx.showToast({
        title: '用户名和密码不能为空',
        icon: 'loading',
        duration: 1000
      })
    } else {
      wx.request({
        url: 'http://localhost:8080/api/login', //仅为示例，并非真实的接口地址
        method: 'post',
        data: {
          userName: this.data.phone,
          password: this.data.password
        },
        header: {
          'content-type': 'application/json' // 默认值
        },
        success (res) {
          console.log(res.data)
          // 这里修改成跳转的页面 
          if (res.data.code==200) {
            wx.showToast({
              title: '登录成功',
              icon: 'success',
              duration: 2000
            })
            wx.setStorageSync('token', res.data.token)
            WXAPI.getUserInfo().then(function (res) {
              if (res.code === 200) {
                console.log(res)
                wx.setStorageSync('user', res)
              }
            })
            wx.navigateTo({
              url: '/pages/employee/employee',
              })
          } else {
            wx.showToast({
              title: '用户名或密码错误',
              icon: 'loading',
              duration: 1000
            })
          }
        }
      })
    }
  },

  // 微信登录
  onLoad: function () {
    var that = this;
    // 查看是否授权
    wx.getSetting({
      success: function(res) {
          if (res.authSetting['scope.userInfo']) {
              wx.getUserInfo({
                  success: function(res) {
                      // 用户已经授权过,不需要显示授权页面,所以不需要改变 isHide 的值
                      // 根据自己的需求有其他操作再补充
                      // 我这里实现的是在用户授权成功后，调用微信的 wx.login 接口，从而获取code
                      wx.login({
                          success: res => {
                              // 获取到用户的 code 之后：res.code
                              console.log("用户的code:" + res.code);
                              // 可以传给后台，再经过解析获取用户的 openid
                              // 或者可以直接使用微信的提供的接口直接获取 openid ，方法如下：
                              // wx.request({
                              //     // 自行补上自己的 APPID 和 SECRET
                              //     url: 'https://api.weixin.qq.com/sns/jscode2session?appid=自己的APPID&secret=自己的SECRET&js_code=' + res.code + '&grant_type=authorization_code',
                              //     success: res => {
                              //         // 获取到用户的 openid
                              //         console.log("用户的openid:" + res.data.openid);
                              //     }
                              // });
                          }
                      });
                  }
              });
          } else {
              // 用户没有授权
              // 改变 isHide 的值，显示授权页面
              that.setData({
                  isHide: true
              });
              // 未授权，跳转到授权页面
          // wx.reLaunch({
          //   url: '/pages/login/login',
          // })
          }
      }
  });
  },

  bindGetUserInfo: function(e) {
    if (e.detail.userInfo) {
        //用户按了允许授权按钮
        var that = this;
        // 获取到用户的信息了，打印到控制台上看下
        console.log("用户的信息如下：");
        console.log(e.detail.userInfo);
        //授权成功后,通过改变 isHide 的值，让实现页面显示出来，把授权页面隐藏起来
        that.setData({
            isHide: false
        });
        // 查看是否授权
    wx.getSetting({
      success: function(res) {
          if (res.authSetting['scope.userInfo']) {
              wx.getUserInfo({
                  success: function(res) {
                      // 用户已经授权过,不需要显示授权页面,所以不需要改变 isHide 的值
                      // 根据自己的需求有其他操作再补充
                      // 我这里实现的是在用户授权成功后，调用微信的 wx.login 接口，从而获取code
                      wx.login({
                          success: res => {
                              // 获取到用户的 code 之后：res.code
                              console.log("用户的code:" + res.code + "---" + res.getUserInfo);
                              // 可以传给后台，再经过解析获取用户的 openid
                              // 或者可以直接使用微信的提供的接口直接获取 openid ，方法如下：
                              // wx.request({
                              //     // 自行补上自己的 APPID 和 SECRET
                              //     url: 'https://api.weixin.qq.com/sns/jscode2session?appid=自己的APPID&secret=自己的SECRET&js_code=' + res.code + '&grant_type=authorization_code',
                              //     success: res => {
                              //         // 获取到用户的 openid
                              //         console.log("用户的openid:" + res.data.openid);
                              //     }
                              // });
                          }
                      });
                  }
              });
          } else {
              // 用户没有授权
              // 改变 isHide 的值，显示授权页面
              that.setData({
                  isHide: true
              });
              // 未授权，跳转到授权页面
          // wx.reLaunch({
          //   url: '/pages/login/login',
          // })
          }
      }
  });
    } else {
        //用户按了拒绝按钮
        wx.showModal({
            title: '警告',
            content: '您点击了拒绝授权，将无法进入小程序，请授权之后再进入!!!',
            showCancel: false,
            confirmText: '返回授权',
            success: function(res) {
                // 用户没有授权成功，不需要改变 isHide 的值
                if (res.confirm) {
                    console.log('用户点击了“返回授权”');
                }
            }
        });
    }
}
})